<template>
  <div class="HomeDynamicListWrap">
    <NewsItem
      v-for="(item, index) in NewsData"
      :key="index"
      :info="item"
    ></NewsItem>
    <VideoItem
      v-for="(item, index) in VideoData"
      :key="index"
      :info="item"
    ></VideoItem>
    <DynamicItem
      v-for="(item, index) in DynamicData"
      :key="index"
      :info="item"
    ></DynamicItem>
  </div>
</template>

<script>
import {
  NewsItem,
  VideoItem,
  DynamicItem,
} from '@/components/DynamicMessage/index';

export default {
  name: 'VueJiangduoduoComHomeDynamicList',
  components: { NewsItem, VideoItem, DynamicItem },
  data() {
    return {
      VideoData: [
        {
          authorName: '花花双彩',
          authorAvatar:
            'https://f.jiangduoduo.com/info/1672457013908b1aa4ee4-f7bd-4b89-84b8-6b3846eb27d0.jpg',
          duration: '20:17',
          cover:
            'https://f.jiangduoduo.com/info/1677953395662839fc7f0-3090-470d-ab8e-4d018dcee42a.jpg',
          title: '024期双色球胆组方法分享，花花双彩团队推荐！',
          readNum: '2562',
          videoUrl:
            'http://obs.jiangduoduo.com/2023/03/05/76B22E7F1275A026645E5659AEED60F2.mp4',
        },
      ],
      NewsData: [
        {
          authorAvatar:
            'https://f.jiangduoduo.com/info/1659325639217428e9a02-1854-450d-883e-9b97f431df59.png',
          title: '【正在直播】定胆王：024期双色球精准选号分析',
          authorName: '多多小助手',
          cover:
            'https://f.jiangduoduo.com/info/1678008564713def60ae5-fbf3-4b80-8bcb-e50e54c5254a.jpg',
          readNum: '313',
          timeStamp: '1678008633920',
        },
      ],
      DynamicData: [
        {
          ipAddress: '山东',
          shortTime: '03-03 14:51',
          content: '留给我的奖池不多了，求双蓝！',
          likeCount: 30,
          replyCount: 20,
          imgList: [
            {
              originImg:
                'http://img.caihongduoduo.com/2023-03-03/b02d2cdf-61f9-4bc9-80bf-ca6ebba2fe421677815979136.jpg?width=1080&height=2400',
              thumbImg:
                'https://f.caihongduoduo.com/icon/a9b691ab-b28a-4ef8-be90-6b09390e2c044370626056255284748.jpg?width=540&height=1200',
            },
            {
              originImg:
                'http://img.caihongduoduo.com/2023-03-03/f35ba810-eb86-49d2-8f2b-9a3563491f691677815979272.jpg?width=1080&height=2400',
              thumbImg:
                'https://f.caihongduoduo.com/icon/42245c3d-e50d-4a8e-85aa-2c13d21daaf32976867370759083058.jpg?width=540&height=1200',
            },
            {
              originImg:
                'http://img.caihongduoduo.com/2023-03-03/2866f46b-9fd6-435a-b6b1-076425e059681677815979173.jpg?width=1001&height=1500',
              thumbImg:
                'https://f.caihongduoduo.com/icon/3028e681-5148-476a-ba8d-660c90f2d44f2946334885105647351.jpg?width=400&height=600',
            },
            {
              originImg:
                'http://img.caihongduoduo.com/2023-03-03/3cfada70-5e56-42f6-8a3a-b283898725041677815979162.jpg?width=1001&height=1500',
              thumbImg:
                'https://f.caihongduoduo.com/icon/12d1c72b-c37e-433f-a3f5-670a200515752473548473796377299.jpg?width=400&height=600',
            },
            {
              originImg:
                'http://img.caihongduoduo.com/2023-03-03/e007fde4-beb0-4058-8091-374f425e9c131677815979151.jpg?width=1066&height=1600',
              thumbImg:
                'https://f.caihongduoduo.com/icon/1aed747e-4df7-418b-b871-744bc09f4a926307918468639877637.jpg?width=399&height=600',
            },
            {
              originImg:
                'http://img.caihongduoduo.com/2023-03-03/c05d85e1-479b-4082-b73e-41062296575b1677815979634.jpg?width=1066&height=1600',
              thumbImg:
                'https://f.caihongduoduo.com/icon/53b0faea-615c-487a-bef7-91fc867c92f38849700233781533884.jpg?width=399&height=600',
            },
          ],
          isLike: 0,
          userInfo: {
            faceUrl:
              'https://f.caihongduoduo.com/2023/02/09/6D7CF2DF917F03F01766CBF73D67871E.jpg',
            nickName: '五彩小怨种',
          },
        },
      ],
    };
  },

  mounted() {},

  methods: {},
};
</script>

<style lang="scss" scoped>
.HomeDynamicListWrap {
  padding: 0 16px;
  background: white;
  padding-top: 15px;
  padding-bottom: 50px;
}
</style>
